{% extends 'layout.html' %}
{% from 'macro/page.html' import render_pagination %}

{% block main %}
<style>
    .attachment{
        width: 200px;
        height: 200px;
        padding: 5px;
        margin: 10px;
        float:left;
    }
    .attachment img{width:180px;height:180px;},
</style>
<div class="card">
    <div class="card-header">
        <div class="card-title">
            图库
        </div>
        <div class="card-tools">
        </div>
    </div>
    <!-- /.card-header -->
    <div class="card-body table-responsive p-0" style="height: 660px;">
        <ul>
            {% for item in record.items %}
            <li class="list-group-item attachment">
                <a href="{{ url_for('admins.picture_modify', picture_id=item.id) }}">
                    <img src="{{ item.url }}">
                </a>
            </li>
            {% endfor %}
        </ul>
    </div>
    <!-- /.card-body -->
    <div class="card-footer clearfix" style="padding: 0.5rem 1rem;">
        {{ render_pagination(record) }}
    </div>
</div>
<!-- /.card -->
{% endblock %}